<template>
    <div class="container">
        <el-container>
            <Systemheader></Systemheader>
            <el-container ref="mainContents" class="container-main">
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    import Systemheader from '../../components/Systemheader'
    export default {
        name: 'Customer',
        data() {
            return {
                changeMainSize: false,
                mainSize: '1000',
                parentUrl: '/customer/',
            }
        },
        components: {
            Systemheader
        },
        methods: {
            setMainSize() {
                const eWidth = this.$refs.mainContents.$el.clientWidth
                // console.log(eWidth)
                if (!this.changeMainSize) {
                    this.changeMainSize = true
                } else {
                    this.changeMainSize = false
                }
                if (eWidth >= 1000 && this.changeMainSize) {
                    this.mainSize = this.mainSize * 4 / 3
                } else {
                    this.mainSize = '1000'
                }
            },
        }
    }
</script>

<style>
</style>
